<template>
    <div class="mask">
        <Watermark
                :text="watermarkText"
                :color="watermarkColor"
                :rotate="watermarkRotate"
                :autoPlay="autoPlay"
                :interval="watermarkInterval"
        />
    </div>
</template>

<script>
    import Watermark from "@/components/Watermark.vue";

    export default {
        data() {
            return {
                watermarkText: "Custom Watermark",
                watermarkColor: "rgba(255, 0, 0, 0.8)",
                watermarkRotate: 0,
                autoPlay: true,
                watermarkInterval: 1000
            };
        },
        components: {
            Watermark
        }
    };
</script>
<style scoped>
    .mask {
        width: 100%;
        height: 80vh;
        background: #dedede;
    }
</style>